<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="/webjars/bootstrap/4.1.3/css/bootstrap.min.css" />
    <script src="/webjars/jquery/3.0.0/jquery.min.js"></script>
    <script src="/webjars/bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script type="text/javascript">

        $(function(){
            $("#submit").click(function(){
                var name = $("#name").val();
                var pass = $("#pass").val();
                var emila = $("#emila").val();
                if(name=="" || pass=="" || emila==""){
                    alert("请填写完整的预约信息!");
                    return false;
                }else {
                    return true;
                }
            });
        });



    </script>
</head>
<body>
<form action="add" method="post">
<table align="center">
    <tr>
        <th><h1>添加信息</h1></th>
    </tr>
    <tr>
        <th>姓名:<input id="name" name="name" type="text" class="form-control" placeholder="name"></th>
    </tr>
    <tr>
        <th>密码:<input id="pass" name="pass" type="text" class="form-control" placeholder="Password"></th>
    </tr>
    <tr>
        <th>邮箱:<input id="emila" name="emila" type="text" class="form-control" placeholder="Email"></th>
    </tr>
    <tr>
        <td ><input type="submit" value="提交" name="submit" id="submit" class="btn btn-primary"/></td>
    </tr>
</table>
</form>
</body>
</html>